.bg {
    width: 100%;
    height: 100%;
    background-color: #efefef;
    .user-info {
      width: 60%;
      margin: 50px auto;
      padding: 20px 30px;
      background-color: #fff;
      border-radius: 10px;
      line-height: 50px;
      // z-index: 99998;
      .info-title {
          position: relative;
          .editbtn {
              position: absolute;
              top: 0;
              right: 100px;
              width: 100px;
              height: 40px;
              background-color:#092744;
              border-color:#092744 ;
              cursor: pointer;
              color: #fff;
              border-radius: 20px;
          }
      }
      .info-body{
          display: flex;
        //   padding-top: 10px;
          .info-all-item {
              flex: 2;
              padding: 10px 40px;
            //   border-left: 1px solid #ccc ;
              .user-img {
                  width: 150px;
                  height: 150px;
                  border-radius: 50%;
              }
              .changepsw{
                  margin-top: 10px;
                  text-align: center;
              }
              .editavatarbtn {
                width: 100px;
                height: 40px;
                background-color:#092744;
                margin-left: 25px;
                border-color:#092744 ;
                cursor: pointer;
                color: #fff;
                border-radius: 20px;
            }
          }
          .info-item {
            width: 100%;
            label {
                color: #666;
                font-size: 16px;
                margin-right: 7px;
            }
            span {
                margin-left: 10px;
                font-size: 16px;
            }
          
          }       
          :first-child{
            flex: 1;

        }   
      }
      .info-foot {
          position: relative;
          text-align: center;
          height: 50px;
          .info-fo-bnt {
              width: 100px;
              height: 40px;
              border-radius: 20px;
              margin: 0 15px;
              border:1px solid #ccc;
              cursor: pointer;
          }
          .savebnt {
              background-color: #092744;
              color: #fff;
          }
      }
    }
  }
  .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
  }
  .avatar {
    width: 150px;
    height: 150px;
    display: block;
  }